<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<title>选择品牌与车系</title>
<link rel="stylesheet" href="__CSS__/common.css">
<link rel="stylesheet" href="__CSS__/list-brand.css">
<script src="__JS__/zepto-1.2.0.min.js"></script>
<script src="__JS__/list-brand.js"></script>
    <script>
    function jumpUrl(key,value)
    {
        url = "/index.php?m=App&c=Index&a=getlist&pa=0&ma=20";
        if (key == 'or')
            url += '&' + key + '=' + value;
        else
            url += "&or={$or}";
        if (key == 'ci')
            url += '&' + key + '=' + value;
        else
            url += "&ci={$Think.session.ci}";
        if (key == 'pl')
            url += '&' + key + '=' + value;
        else
            url += "&pl={$Think.session.mycity}";
        if (key == 'ke')
            url += '&' + key + '=' + value;
        else
            url += "&ke={$ke}";

        url += "&br=" + $("#brand-name").text();
           
        if (key == 'se')
            url += '&' + key + '=' + value;
        else
            url += "&se={$se}";
        if (key == 'pr')
            url += '&' + key + '=' + value;
        else
            url += "&pr={$pr}";
        if (key == 'mo')
            url += '&' + key + '=' + value;
        else
            url += "&mo={$mo}";
        if (key == 'ta')
            url += '&' + key + '=' + value;
        else
            url += "&ta={$ta}";
        if (key == 'ag')
            url += '&' + key + '=' + value;
        else
            url += "&ag={$ag}";
        if (key == 'lo')
            url += '&' + key + '=' + value;
        else
            url += "&lo={$lo}";
        if (key == 'di')
            url += '&' + key + '=' + value;
        else
            url += "&di={$di}";
        if (key == 'en')
            url += '&' + key + '=' + value;
        else
            url += "&en={$en}";
        if (key == 'oi')
            url += '&' + key + '=' + value;
        else
            url += "&oi={$oi}";
        if (key == 'con')
            url += '&' + key + '=' + value;
        else
            url += "&con={$con}";
        window.location.href = url;
    }
    </script>
</head>
<body>
<!-- header start -->
<header id="top" class="header">
	<a class="header-close" href="javascript:history.go(-1);"></a>
	<p class="header-text">选择品牌</p>
</header>
<!-- header end -->

<!-- some brand start -->
<p id="hot" class="brand-top-title">热门品牌</p>
<ul class="brand-top-list clearfix">
    <volist name="databds" id="hotgp"  key="k" offset="0" length='1'>
        <volist name="hotgp.bs" id="hotbd" key="k"  offset="0" length='10'>
            <li>
                <a class="brand-item" bdkey="{$hotbd.id}" href="javascript:void(0)">
                    <img src="__CARIMG__/{$hotbd.id}.png">
                    {$hotbd.n}
                </a>
            </li>
        </volist>
    </volist>
</ul>
<!-- some brand end -->

<!-- all brand start -->
<div class="wrap">
	<!-- brand start -->
	<p id="all" class="brand-main-title">*</p>
	<ul class="brand-main-list">
		<li>
			<a class="brand-item" href="javascript:void(0)">
				<p>不限品牌</p>
			</a>
		</li>
	</ul>
<volist name="pinpai" id="hotgp" key="k" offset="1">
    <p id="{$hotgp.k}" class="brand-main-title">{$hotgp.k}</p>
    <ul class="brand-main-list">
        <volist name="hotgp" id="hotbd" key="k">
            <li>
                <a class="brand-item" bdkey="{$hotbd.id}" href="javascript:void(0)">
                    <img src="__CARIMG__/{$hotbd.id}.png">
                    <p>{$hotbd}</p>
                </a>
            </li>
        </volist>
    </ul>
</volist>
	<!-- brand end -->

	<!-- letter start -->
	<aside id="letter" class="letter">
		<ul>
			<li><a class="letter-item" href="javascript:void(0)" id="top">#</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="hot">热</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="all">*</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="A">A</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="B">B</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="C">C</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="D">D</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="E">E</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="F">F</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="G">G</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="H">H</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="J">J</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="K">K</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="L">L</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="M">M</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="N">N</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="P">P</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="Q">Q</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="R">R</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="S">S</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="T">T</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="W">W</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="X">X</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="Y">Y</a></li>
			<li><a class="letter-item" href="javascript:void(0)" id="Z">Z</a></li>
		</ul>
	</aside>
	<!-- letter end -->
</div>
<!-- all brand end -->

<!-- series start -->
<div id="series" class="brand-series-wrap">
	<div class="brand-series-header">
		<img id="brand-logo" bdimgdir="__CARIMG__/" src="__IMG__/audi.png">
		<p id="brand-name">奥迪</p>
	</div>
	<p class="brand-series-title">选择车系</p>
	<ul id="series-list" class="brand-series"></ul>
</div>
<!-- series end -->
</body>
</html>